<template>
  <div class="goods">
      <div class="menu-wrapper">
          <ul>
              <li v-for="(item,index) in goods" :key="index">
                  {{item.name}}
              </li>
          </ul>
      </div>
      <div class="foods-wrapper">
          <p>我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我</p>
      </div>
  </div>
</template>

<script type="text/ecmascript-6">

    const ERR_OK = 0;

    export default {
        props: {
            seller: { type: Object }
        },
        data () {
            return {
                goods: [{'name': 'jjjj'}]
            };
        },
        created () {
            this.$http.get('/api/goods').then(
                (response) => {
                    response = response.body;
                    if (response.errno === ERR_OK) {
                        this.goods = response.data;
                    }
                }
            );
        }
    };
</script>

<style lang="stylus" rel="stylesheet/stylus">
    .goods
        display flex
        position fixed
        top 174px
        width 100%
        bottom 46px
        .menu-wrapper
            flex 0 0 80px
            width 80px
            background #f3f5f7
        .foods-wrapper
            flex 1
</style>